<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Welcome to DTH</title>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<script>
		$(document).ready(function() {
			$(".rtitle").hover(function() {
				$(this).css("background", "#544198");
			});
			$(".rtitle").mouseleave(function() {
				$(this).css("background", "#FF00FF");
			});
		});
	</script>
	<style>
.menu1 {
	box-shadow: 6px 11px 10px;
}

.left_content {
	width: 68%;
	height: 98%;
	padding: 1%;
	float: left;
}

.right_content {
	width: 28%;
	height: 98%;
	padding: 1%;
	background: #E6E6FA;
	float: left;
}

.left_content .title {
	color: #161576;
	font-size: 56px;
	height: 11%;
	padding: 1%;
	width: 98%;
}

.right_content .element {
	width: 100%;
	height: 170px;
}

.right_content .element .rtitle {
	background: none repeat scroll 0 0 #FF00FF;
	border-radius: 18px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	height: 20%;
	padding-top: 9px;
	text-align: center;
	width: 100%;
}

.right_content .element .rcontent {
	font-size: 14px;
	height: 78%;
	padding: 3%;
	width: 98%;
}
</style>

</h:head>

<h:body>

	<ui:insert name="header">
		<ui:include src="/header/header_dth.xhtml" />
	</ui:insert>
	<div>
		<div class="dth_body_home">
			<ui:insert name="header_banner">
				<ui:include src="/header/header_banner.xhtml" />
			</ui:insert>
			<div class="dth_content">
				<div class="left_content">
					<div class="title">
						<h:outputText value="#{msg['welcome_title']}"></h:outputText>
					</div>
					<div
						style="background: #161576; font-size: 56px; height: 3px; margin: 1%; width: 98%;"></div>
					<div style="font-size: 18px; height: %; padding: 1%; width: 98%;">
						<label> Sun Direct DTH company is India’s first largest
							MPEG-4 and high definition DTH (Direct-To-Home) service provider.
							It was founded in 2007 at Chennai, Tamil Nadu, India. Sun Direct
							DTH offers High-definition television services in India and has
							more than 3 million subscribers in 2009. They provide 24 hours HD
							channels in Tamil, Malayalam Telugu, English and Hindi. You can
							get now 170+ TV Channels free and 31 Radio Channels all with one
							DTH services. It also offers various program packages for South
							customers and Non South customers. <br /> Sun Direct DTH
							provides online account recharge service via its official website
							very simply. Recharge vouchers of Sun Direct DTH are available at
							all Sun Direct outlets. If you want to get more information about
							Sun Direct DTH Service, then please login at the website
							www.sundirect.in. The Sun Direct DTH login process is very simple
							and easy. If you are confused about how to login at the Sun
							Direct DTH website, then do not worry here is provided full
							introduction about login process and online recharge information.
						</label>
					</div>
				</div>
				<div class="right_content">
					<ui:insert name="header_banner">
						<ui:include src="/include/right_menu_web.xhtml" />
					</ui:insert>
				</div>

			</div>
		</div>
	</div>
	<ui:insert name="header">
		<ui:include src="/footer/footer_dth.xhtml" />
	</ui:insert>

</h:body>
</html>